@charset "utf-8";
/* CSS Document */
/*CSS重置*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol,textarea{margin:0px;padding:0px;}
body,input,button,form{font:14px/26px "微软雅黑", "宋体", "Arial";color:#333;}
body{ background:url(../images/bodybg.jpg) repeat 0px 0px; }
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px;}
em{ font-style:normal;}
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
/*网站公用样式表 */
a{ text-decoration:none;  color:#333;}
a:hover{ text-decoration:none; color:#0067b6; }
a:visited{ text-decoration:none;}
.w1000{ width:1000px; margin:0px auto;}
.blue{ color:#0067b6; }
.f12{ font-size: 12px; }
.fl{ float:left;}
.fr{ float:right;}
.por{ position: relative; }
.poa{ position: absolute; }
.tac{ text-align:center;}
.tal{ text-align:left;}
.hidden{ display: none; }
/*清除浮动*/
.clearfix:after { visibility:hidden; display:block; font-size: 0;content: " "; clear:both; height:0;}
.clear{ display:block; font-size: 0; line-height: 0; width: 100%;clear:both; height:0;}
.clearfix{ *zoom:1; }
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle; }
/* topper */
.topper{width: 100%; height: 35px; line-height: 35px; color: #fff; font-size: 12px; background: url(../images/topbg.jpg) repeat 0 0; }
.topper .opr { width: 300px; text-align: right;}
.topper .opr span{ width:1px; height:12px;vertical-align: middle; display: inline-block;  margin: 0px 6px 0px 10px; background: #fff;}
.topper .opr a{ display: inline-block; vertical-align: middle; color: #fff; }
.topper .opr a:hover{ text-decoration: underline; }
.topper .wel{ }
/* header */
.header{height: 94px; width: 100%; padding-top: 20px; background: url(../images/headerbg.jpg) repeat-x left bottom;}
.logo{ display: block; }
.logo img{  display: block;}
.topad{ height: 40px; overflow: hidden; padding:0 0 0px 20px; margin: 14px 0 0 20px; font-size:17px; border-left: 1px solid #9a9a9a; line-height:19px; color:#353535;  }
.topad em{ display:block; font-size: 17px; font-weight: bold;}
/*tel*/
.tel{ width: 210px; padding-top:10px; line-height:20px;}
.tel span{ font-size: 12px;  color:#333; font-weight: bold; }
.tel em{ font-size:24px; line-height:24px; font-family: impact;}
.tel s{ width:52px; height:40px; margin-top: 3px; background-position: 0px 0px; margin-right: 8px;}
/* nav */
.nav{ width:100%; height: 46px; position: relative; z-index: 10; background: url(../images/navbg.jpg) repeat-x 0px 0px; text-align: center; }
.nav li{ width:108px; height: 46px; line-height: 46px; float: left; padding-left: 2px; background: url(../images/navsplit.jpg) no-repeat left center; position:relative;  }
.nav li:first-child{ background-image:none ; }
.nav li a.nav1{ width: 100px; display: block; text-align: center; color: #fff; margin: 0 auto; }
.nav li:hover a.nav1,.nav li.hover a.nav1{  background: url(../images/navlihoverbg.jpg) no-repeat center bottom; }
.nav .subNav{ width: 100px; position:absolute; left:6px; top:46px; z-index:11;  background:url(../images/subnavbg.png) repeat-y 0 0; display: none; }
.nav .subNav a{ width:100%; text-align:center; line-height: 35px; display:block;  color: #fff; background: url(../images/subnavlibg.jpg) no-repeat center top; }
.nav .subNav a:first-child{ background-image: none; }
.nav .subNav a:hover{ background: #0f4e7c; }
/* banner */
.banner, .banner ul, .banner img { height:480px; }
.banner { width:100%; min-width:1000px; position:relative; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden; background:#FFF; }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:1000px; height:15px; line-height:0; font-size:0; text-align:center; position:absolute; left:50%; margin-left:-500px; bottom:12px; z-index:3; }
.banner .tip span { display:inline-block; width:15px; height:15px; border-radius: 15px; margin:0 5px; cursor:pointer;  background: #fff; box-shadow: 0px 1px 3px rgba(0,0,0,0.46);}
.banner .tip span.cur { background:#0067b6; }
.nybanner,.nybanner ul,.nybanner img{ height:300px; }
/*search*/
.search { width:100%; height:48px; line-height:48px; margin-bottom: 30px; background: url(../images/searchbg.jpg) repeat-x left top; }
.search_form{ width:260px; height:34px; margin-top: 8px; position: relative; background-position: -104px -88px;  }
.search_form .stxt{ width:212px; height:32px; line-height: 32px; display:block; float:left; border:0 none; text-indent: 1em; background:none; color:#999999; font-size: 12px; outline: none; }
.search_form .sbtn{ position: absolute; right:0px; top:0px; width:48px; height:34px; display:block; background: none; border: 0 none; cursor: pointer; outline: none;}
.search .skey{ color:#666666; font-size: 14px; color: #312f2f; }
.search .skey a{ color:#666666; font-size: 12px; margin:0px 6px 0px 4px;}
.search .skey a:hover{ color: #0067b6;}
.search .skey span{ width:1px; height:12px; display: inline-block; vertical-align: middle; margin:0px 6px 0 4px; background:#939393; }
/*ipro*/
.ipro{ }
.iproTit{ width: 100%; height: 44px; line-height: 44px; margin-bottom: 22px; background: url(../images/iprotitbg.jpg) no-repeat center center; }
.iproTit h2{ font-weight: bold; font-size: 16px; color: #0067b6; }
.iproTit h2 s{ width: 10px; height: 22px; margin:0 10px 0 12px; background-position: -190px -48px; }
.iproTit .more{ color: #312f2f; font-family: arial; margin-right: 20px; font-size: 12px; }
.iproTit .more span{ width: 10px; height: 10px; font-size: 14px; line-height: 10px; text-align: center; margin-left: 6px; display: inline-block;  background: #000; color: #fff; font-weight: bold; }
.iproList{ width: 723px; overflow: hidden; }
.iproList .list{ width:110%;}
.iproList .item{ width:219px; height: 207px; position: relative; float: left; margin:0px 31px 26px 0px; background: #fff; box-shadow: 0 1px 6px rgba(0,0,0,.2)}
.iproList .item a{ display: block; }
.iproList .item *{ transition:all .3s; }
.iproList .item .img{ width:219px; height:164px; display: block; overflow: hidden; }
.iproList .item .img img{ width:219px; height:164px; display: block; }
.iproList .item .bg{ width: 100%; height: 164px; line-height: 204px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; background: url(../images/blue80.png) repeat 0 0; display: none; }
.iproList .item .bg s{ width: 17px; height: 17px; margin-right: 8px; background-position: -300px -48px; }
.iproList .item h3{ width:100%; height: 43px; text-align: center; line-height: 43px; background: #fff; color: #312f2f; }
.iproList .item h3 span{ width: 0; height: 0; position: absolute; left: 50%; margin-left: -3px; bottom: 0; display: block; border-bottom: 6px solid #0199ed; border-left: 6px solid transparent; border-right: 6px solid transparent; opacity: 0; filter: alpha(opacity=0); }
.iproList .item:hover h3{ background: #312f2f; color: #fff;  height:40px; border-bottom: 3px solid #0199ed; }
.iproList .item:hover h3 a{ color: #fff; }
.iproList .item:hover h3 span{ opacity: 1; filter: alpha(opacity=100); bottom: 3px; }
.iproList .item:hover img{ transform: scale(1.1);}
.iproList .item:hover .bg{ display: block; line-height: 164px; }
/*侧栏*/
.sideBar{ width:255px;}
.leftNav{ width: 255px; }
.leftNav .title{ width:255px; height:59px; padding-top: 20px; no-repeat 0px 0px; line-height: 28px; color: #fff; line-height: 22px; background: url(../images/proNavTitbg.jpg) no-repeat center top; }
.leftNav .title s{ width: 41px; height: 40px; margin: 0 8px 0 30px; background-position: -194px 0; }
.leftNav .title span{ font-size: 12px; font-family: arial; text-transform: uppercase; }
.leftNav .title h2{  font-weight: bold; font-size: 22px; }
.leftNav .list { width: 253px; background: #fff; border-left:1px solid #e4e1e1; border-right:1px solid #e4e1e1; }
.leftNav .list li{ width:255px;  text-indent: 70px; position: relative; left: -1px;  *vertical-align: bottom;}
.leftNav .list .nav1 { width: 100%; height:55px; line-height: 55px; display: block; } 
.leftNav .list li s{ width:10px; height: 18px; position: absolute; right:20px; top:18px; background-position: -220px -49px; opacity: 0; filter: alpha(opacity=0); transition: all .3s; }
.leftNav .list li.hover .nav1,.leftNav .list li:hover .nav1{ background: url(../images/proNavlibg.jpg) no-repeat center center; color:#fff; }
.leftNav .list li.hover s,.leftNav .list li:hover s{ opacity: 1; filter: alpha(opacity=100); right: 30px; }
.leftNav .protel{ width: 255px; padding:22px 0 20px; line-height:22px; background: #0069b7; border-bottom: 6px solid #235278;  color:#fff; }
.leftNav .protel span{ font-size: 16px; font-weight: bold; }
.leftNav .protel strong{ font-size:24px; display: block; line-height:24px; font-weight: normal; font-family: impact;}
.leftNav .protel s{ width:52px; height:40px; margin: 3px 8px 0 20px; background-position: -67px 0px; }
/*三级*/
.leftNav .drop{ width:255px; margin:6px 0; border-bottom:1px solid #eee;}
.leftNav .drop a{  width:255px; height: 33px; text-indent: 70px; line-height:33px;  font-size: 12px; display: block; }
.leftNav .drop a:hover,.leftNav .drop a.hover{ background:#0069b7;  color:#fff;}
/*ixbanner*/
.ixbanner{ width: 100%; height: 155px; margin: 30px 0 50px; color: #fff; background: url(../images/ixbannerbg.jpg) no-repeat center top; }
.ixbanner .ixb_1{ width: 368px; padding-left: 40px; padding-top: 50px;  } 
.ixbanner .ixb_1 strong{ font-size: 22px; font-weight: normal; display: block; }
.ixbanner .ixb_1 span{ font-size: 12px; color: #41a0eb; text-transform: uppercase; }
.ixbanner .ixb_2{ width: 128px; padding-top: 50px;  }
.ixbanner .ixb_2 .qqbtn { width: 128px; height: 34px; text-align: center; font-size: 18px; line-height: 34px; color: #fff; background-position: -107px -129px;}
.ixbanner .ixb_2 .qqbtn s{ width: 21px; height: 29px; margin-left: 8px; background-position: -255px 0; }
.ixbanner .ixb_2 .qqbtn:hover s{  -webkit-animation: fade 1s linear infinite; -moz-animation: fade 1s linear infinite;  -ms-animation: fade 1s linear infinite; animation: fade 1s linear infinite; }
.ixbanner .ixb_3{ width: 364px; height: 95px; margin-top: 30px; padding-left: 32px; border-left: 1px solid #037fe2; }
.ixbanner .ixb_3 .en{ width:328px; height:29px; display: block; margin-bottom: 20px; background: url(../images/ixbanneren.png) no-repeat 0 0; }
.ixbanner .ixb_3 .ixtel{ line-height: 20px; *line-height:28px; }
.ixbanner .ixb_3 .ixtel s{ width: 42px; height: 42px; display: block; float: left; margin-right: 10px; background-position: -137px 0;  }
.ixbanner .ixb_3 .ixtel strong{ font-size: 20px; line-height: 20px;  *line-height:24px; font-weight: normal; display: block; }
.ixbanner .ixb_3 .ixtel span{ font-size:16px; line-height: 16px; }
/*icase*/
.icase_top{ margin-bottom: 20px; }
.icase_top .txt{ width: 258px;  }
.icase_top .txt strong{ font-size: 22px; color:#312f2f; }
.icase_top .txt em{ font-size: 32px; font-weight: bold; display: block; color:#312f2f; }
.icase_top .txt .en{ font-size: 18px; display: block; margin: 5px 0; color:#989797; text-transform: uppercase; }
.icase_top .txt .line{ width: 50px; height: 1px; display: block; background: #0299ed; }
.icase_top .tab *{ transition: all .3s; }
.icase_top .tab li{ width: 179px; height: 80px; float: left; margin-left: 6px; padding-bottom: 11px; }
.icase_top .tab a{ width: 179px; height:60px; line-height: 20px; padding-top: 20px; text-align: center; display: block; font-size: 16px; background: #3c3a3a; color: #fff; }
.icase_top .tab a .en{ font-size: 12px; display: block; text-transform: uppercase; opacity: .5; filter: alpha(opacity=50); }
.icase_top .tab li.hover{ background: url(../images/icasebtnbg.png) no-repeat center top; }
.icase_top .tab li.hover a{ background: none; }
/*icaselist*/
.icaselist{ width:100%; position:relative; }
.icaselist .arrow-l,.icaselist .arrow-r { width:42px; height:54px;  top:100px; position:absolute; cursor:pointer; transition: all .3s; }
.icaselist .arrow-l { left:-72px; background-position:0 -47px; }
.icaselist .arrow-r { right:-72px; background-position:0 -102px; }
.icaselist .arrow-l:hover{ background-position: -47px -47px; }
.icaselist .arrow-r:hover{ background-position: -47px -102px; }
.icaseCon{ width:100%; height:298px; position: relative; overflow:hidden;}
.icaseScroll{ width:3000%; height:298px; position: relative;  }
.icaseCon .list{ width:1022px; float: left; }
.icaseCon .item{ width:233px; height:287px; text-align: center; cursor:pointer; float:left; position:relative; margin:0px 22px 0 0; background:#fff; box-shadow: 0 1px 12px rgba(0,0,0,.1) }
/*.icaseCon .item:first-child{ margin-left: 0; }*/
.icaseCon .item *{ transition: all .3s; }
.icaseCon .item a{ display: block; width: 100%; height:100%; }
.icaseCon .item img{ width:233px; height:175px;}
.icaseCon .item h3{ width:100%; text-align: center; padding: 10px 0 30px; cursor:pointer; }
.icaseCon .item .icon{ width: 22px; height: 22px; background-position: -270px -48px; margin: 0 auto; display: block; }
.icaseCon .item .txt{ width:293px; height: 217px; position: absolute; left:6px; top:6px; color: #666666; background: url(images/web/blankbg.png) repeat 0px 0px; }
.icaseCon .item:hover .icon{ transform: rotate(180deg); }
.icaseCon .item:hover img{ opacity: .9; filter: alpha(opacity=90); }
/*process*/
.iprocess{ padding: 80px 0 30px; }
.iprocess .title{ width: 100%; text-align: center; margin-bottom:25px; }
.iprocess .title h3{ color: #5c5d5d; font-size: 24px; }
.iprocess .title h3 strong{ color: #282727; }
.iprocess .title .en{ color: #b3b5b6;  font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.iprocess .lineLeft,.iprocess .lineRight{ width: 356px; height: 1px; top: 25%; display: block; background: #999999; }
.iprocess .lineLeft{ left: 0;  }
.iprocess .lineRight{ right: 0;  }
.iprocess .sfLeft,.iprocess .sfRight{ width: 5px; height: 5px; top: 25%; margin-top: -2px; display: block; background: #999999; }
.iprocess .sfLeft{ left: 50%; margin-left: -146px; }
.iprocess .sfRight{ right: 50%; margin-right: -146px; }
.iprocess li{ width: 130px; height: 105px; padding-right: 10px; margin-left: 3px; padding-top: 35px; font-size: 16px; color: #272727; font-weight: bold; text-align: center; float: left; background: url(../images/processIcon.png) no-repeat 0 0; }
.iprocess li:first-child{ margin-left: 0; }
.iprocess li span{ display: block; font-family: impact; padding-bottom: 5px; font-weight: normal; color: #0065b5; font-size: 28px; }
.iprocess li.li2{ background-position: -144px 0; }
.iprocess li.li3{ background-position: -290px 0; }
.iprocess li.li4{ background-position: -435px 0; }
.iprocess li.li5{ background-position: -580px 0; }
.iprocess li.li6{ background-position: -725px 0; }
.iprocess li.li7{ background-position: -868px 0; }
/*iabout*/
.iabout{ width: 100%; padding: 40px 0 45px; background: url(../images/iaboutbg.jpg) repeat 0 0; }
.iabout .title{ margin-bottom: 20px; }
.iabout .title h3{ font-weight: bold; color: #000; font-size: 22px; margin-right: 10px; display: inline-block; *display: inline; zoom: 1; }
.iabout .title .en{ font-family: arial;  color: #999999; text-transform: uppercase; }
.iaboutLeft{ width:670px;  }
.iaboutLeft img{ width:226px; height: 182px; display: block; padding: 4px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; margin-right: 20px;}
.iaboutLeft .tt{ font-weight: bold; font-size: 16px; color: #353535; margin-bottom: 13px; }
.iaboutLeft .iaboutTxt{ color:#666666; line-height: 24px; height: 96px; overflow: hidden;}
.iaboutLeft a.more{ width: 113px; height: 33px; margin:20px 0px 0px 254px; display: block; background: #0065b5; transition: all .3s;  line-height: 33px; text-align: center; color: #fff;}
.iaboutLeft a.more s{ width: 15px; height: 15px; margin-left: 5px; background-position: -300px -48px; }
.iaboutLeft a.more:hover{ width:140px;}
/*ihonor*/
.ihonor{ width: 260px; margin-right: 21px; position: relative; }
.ihonorCon{ width: 260px; overflow: hidden; position: relative; border: 1px solid #c4c3c3; }
.ihonor .btnLeft,.ihonor .btnRight{ width: 39px; height: 40px; padding-top: 17px; position: absolute; top: 50%;  background: #333333; text-align: center; cursor: pointer; }
.ihonor .btnLeft span,.ihonor .btnRight span{ width: 10px; height: 19px; display: block; margin: 0 auto; background-position: -100px -49px; }
.ihonor .btnLeft{ left: -19px; }
.ihonor .btnRight{ right: -19px; }
.ihonor .btnRight span{ background-position: -117px -49px; }
.ihonor .btnRight:hover,.ihonor .btnLeft:hover{ background: #0070bb; }
.ihonorCon .list{ width: 500%; position: relative; }
.ihonorCon .list li{ width: 260px; height: 195px; float: left; }
.ihonorCon .list li a{ display: block; }
.ihonorCon .list li img{ width: 260px; height: 195px; display: block;}
/*inews*/
.xinw{ padding: 60px 0 20px; }
.inews{ width:688px; }
.inews .tit-g{ height: 44px; line-height: 44px; }
.inews .tit-g .more{ width: 66px; height: 19px; font-size: 12px; margin-top: 15px; color: #fff; text-align: center; line-height: 19px; background: #333333; }
.inews .tit-g h3{ width: 130px; height: 44px; text-align: center; position: relative; color:#333333; font-size: 16px; margin-right: 10px; display: inline-block; *display: inline; zoom: 1; cursor: pointer; background: #f0f0f0; }
.inews .tit-g h3 span{ width: 0; height: 0; position: absolute; left: 50%; margin-left: -3px; bottom: -6px; border-top: 6px solid #0065b5; border-left: 6px solid transparent; border-right: 6px solid transparent; display: none; }
.inews .tit-g h3.cur,.inews .tit-g h3:hover{ background:#0065b5; color: #fff; }
.inews .tit-g h3.cur span,.inews .tit-g h3:hover span{ display: block; }
.inews .tit-g em{ color:#616161; font-weight: bold; display: inline-block; margin: 0px 20px 0px 25px;}
.inewsCon{ margin-top: 30px; }
.inewsCon .item{ width:235px; height:272px; overflow:hidden;}
.inewsCon .item img{ width:233px; height: 165px; border:1px solid #eee; display: block; }
.inewsCon .item h3{ width:100%; font-weight: bold; margin: 5px 0 0; color:#333333;}
.inewsCon .item .txt{ line-height:24px; height: 48px; overflow: hidden; color: #666666;}
.inewsCon .list{ width: 428px; }
.inewsCon li{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #dadada; }
.inewsCon li .time{ color:#bfbfbf; float: right; }
.inewsCon li a{ display:block;}
.inewsCon li s{ width: 8px; height: 11px; margin-right: 5px; background-position: -292px 0; }
/*iqa*/
.iqa{ width: 270px;}
.iqa .tit-g{ width: 100%; position: relative; padding-bottom: 8px; border-bottom: 1px solid #afafaf; }
.iqa .tit-g h3{  font-weight: bold; font-size: 18px; color: #333333; }
.iqa .tit-g h3 span{ font-weight: normal; color: #999; font-size: 12px; text-transform: uppercase; }
.iqa .tit-g em{ width: 155px; height: 3px; background: #0065b5; display: block; position: absolute; left: 0; bottom: -1px; }
.iqaCon{ width:100%; padding-top: 5px;}
.iqaCon dl{ width:100%; padding:18px 0; border-bottom: 1px dashed #cdcdcd;}
.iqaCon dl em{ width: 24px; height: 24px; line-height: 24px; border-radius: 100%; text-align: center; color: #fff; margin-right: 10px; display: inline-block; background: #0065b5; }
.iqaCon dt{  color:#303030; }
.iqaCon dt a{ font-weight: bold; color: #303030;  }
.iqaCon dt a:hover{ color:#0065b5; }
.iqaCon dd{ padding-top: 8px;}
.iqaCon dd em{ background: #666666; }
.iqaCon dd .txt{ width:232px; height: 60px; overflow: hidden;  line-height: 20px; padding-top: 2px; font-size: 12px; color: #666666;  }
/*ilinks*/
.ilinks{ margin: 20px auto 40px; }
.ilinks .title{ width: 100%; height: 50px; margin-bottom: 10px; background: url(../images/ilinktitle.jpg) no-repeat left top;  }
.ilinks a{ display: inline-block; margin-right: 20px; }
/* nav */
.bottomNav{ width:100%; height: 50px; background: #32343b; text-align: center; }
.bottomNav li{ width:109px; height: 50px; line-height: 50px; float: left; padding-left: 2px; background: url(../images/bottomNavsplitbg.jpg) no-repeat left center; position:relative;  }
.bottomNav li:first-child{ background-image:none ; }
.bottomNav li a{ width: 100%; display: block; color: #fff; }
.bottomNav li a:hover{opacity:.8; filter:alpha(opacity=80) }
/*footer*/
.footer{ width:100%; padding: 50px 0 60px; line-height: 26px; color:#d6d7d7; background: #3c3e46;}
.footer a{ color:#fff;}
.footer a:hover{ color:#0065b5;}
.footer .blogo{ width:210px; height:83px; padding-top: 20px; margin-right: 60px; }
.footer .blogo img{ width:210px; height:83px;}
.footer .copyright{ width:440px; line-height: 30px; font-size: 12px; }
.footer .bmobile{ width:222px; line-height: 30px; text-align: center; color:#999; font-size: 12px; }
.footer .bmobile li{ float:left; width:100px;  }
.footer .bmobile img{ width:92px; height:92px; display: block; margin: 0px auto;}
.footer .bmobile li:first-child{ margin-right: 20px; }

/* 全局布局 */
.wrapper{ padding: 0px 0px 20px;}
.content { width:723px;}
.content img{  }
.content .ctit{  width: 100%; height: 44px; line-height: 44px; margin-bottom: 22px; background: url(../images/iprotitbg.jpg) no-repeat center center; }
.content .ctit h2{ font-weight: bold; font-size: 16px; color: #0067b6; }
.content .ctit h2 s{ width: 10px; height: 22px; margin:0 10px 0 12px; background-position: -190px -48px; }
.content .ctit .more{ color: #312f2f; font-family: arial; margin-right: 20px; font-size: 12px; }
.content .ctit .more span{ width: 10px; height: 10px; font-size: 14px; line-height: 10px; text-align: center; margin-left: 6px; display: inline-block;  background: #000; color: #fff; font-weight: bold; }
.sitepath{ font-size:12px; padding-right:10px; }
.content ul.list { height:auto !important;  }
/*侧栏*/
.sideBar{ width:255px;}
/* leftCon */
.leftCon{ width:100%;  margin-top:22px;}
.leftCon .protit{ width:255px; height:60px; line-height: 60px; text-indent:20px; font-size:18px; font-weight: bold; color:#fff; background-color: #0069b7; }
.leftCon .iconCon{ width:232px;  padding:14px 10px;  border:1px solid #d9d9d9; line-height:24px;}

/* pager */
.pager { display:block; width:100%; height:auto; padding:25px 0 5px; text-align:center; clear:both; margin-bottom:5px; }
.pager span, .pager a{ display:inline-block; border:1px solid #aaa; color:#333; background:#fff; height:20px; line-height:20px; padding:0px 8px; text-decoration:none; margin:0 5px; border-radius:1px; }
.pager a:hover{ background:#f5f5f5; border-color:#aaa; color:#1e82e0; text-decoration:none;}
.pager .cur{ background:#fff; border-color:#1e82e0; font-weight:bold; color:#1e82e0; }
.pager span.dot{ background:#1e82e0; border-color:#1e82e0; font-weight:bold; color:#fff; }
/* reLink */
.reLink {  width:721px;height:30px; line-height:30px; border:1px solid #ddd; background:#FFF; margin-bottom:15px; }
.reLink .prevLink { float:left; margin-left:10px; }
.reLink .nextLink { float:right; margin-right:10px; }
/* reInformation */
.reInformation { width:701px; padding:0 10px 20px;  margin-bottom:20px; border:1px solid #ddd; }
.reInformation .tit { height:36px; line-height:36px;  padding-left:10px;border-bottom:1px solid #ddd;  margin-bottom:10px; color:#0069b7;  }
.reInformation li { float:left; width:208px; padding:10px 12px 0; text-align:center; display:inline; line-height:30px; }
.reInformation li img { width:220px; height:165px; display:block; }
.reInformation li img:hover { opacity:0.8; filter:Alpha(opacity=80); }
.reInformation li a{ display:block; }
.reInformation li a:hover{ color:#0069b7; }
/* listNews */
.listNews .list { padding-bottom:20px; overflow:hidden; }
.listNews .item { width:100%; height:40px; line-height:40px; background:url(./images/tip_7.gif) 0 center no-repeat; border-bottom:1px dashed #ddd; }
.listNews .item s{ width:4px; height:4px; display:inline-block; vertical-align: middle;  margin-right:5px; background: #0069b7; border-radius:100%;  }
.listNews .item a {  color:#333; display:block; }
.listNews .item a:hover {  color:#0069b7;}
.listNews .item span { float:right; color:#999; }
/* listNews2 */
.listNews2 .list { padding-bottom:20px; overflow:hidden; }
.listNews2 .item { width:100%; height:130px; border-bottom:1px dashed #ddd; padding:10px 0; }
.listNews2 .item .img { float:left; width:160px; height:120px; padding:2px; border:1px solid #ddd; margin-right:10px;  }
.listNews2 .item .time{ font-size:12px; }
.listNews2 .item .img img { display:block; width:160px; height:120px; }
.listNews2 .item .img:hover { background:#1e82e0; border-color:#1e82e0; }
.listNews2 .item h3.title { height:30px; line-height:30px; overflow:hidden; font-size:15px; font-weight:700; font-family:"Microsoft Yahei";  }
.listNews2 .item h3.title a:hover { text-decoration:underline; }
.listNews2 .item .txt{ font-size:12px; color:#999; padding-top:6px; line-height:20px; }
/* pageNews */
.pageNews h1 { font-size:20px; line-height:25px; font-family:"Microsoft Yahei"; padding:15px 0; text-align:center; font-weight:700; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; border-bottom:1px solid #DDD; border-top:1px solid #DDD;  }
.pageNews .mark span { margin:0 7px; }
.pageNews .info { margin-bottom:40px; }
/* listCase */
.listCase .tod{ width:104%;}
.listCase .item{ width:225px; height:250px; text-align: center; float:left;  cursor:pointer; position:relative; margin:0px 22px 20px 0; background:#fff; box-shadow: 0 1px 12px rgba(0,0,0,.1) }
/*.icaseCon .item:first-child{ margin-left: 0; }*/
.listCase .item *{ transition: all .3s; }
.listCase .item a{ display: block; width: 100%; height:100%; }
.listCase .item img{ width:225px; height:169px;}
.listCase .item h3{ width:100%; text-align: center; cursor:pointer; padding: 5px 0 10px; }
.listCase .item .icon{ width: 22px; height: 22px; cursor:pointer; background-position: -270px -48px; margin: 0 auto; display: block; }
.listCase .item:hover .icon{ transform: rotate(180deg); }
.listCase .item:hover img{ opacity: .9; filter: alpha(opacity=90); }
/* pageCase */
.pageCase h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }
.pageCase .photo { overflow:hidden; text-align:center; margin-bottom:20px;  }
.pageCase .info { margin-bottom:40px; }
/* listProduct */
.listProduct .tod{ width:108%;}
.listProduct .item{ width:219px; height: 207px; position: relative; float: left; margin:0px 31px 26px 0px; background: #fff; list-style:none; box-shadow: 0 1px 6px rgba(0,0,0,.2)}
.listProduct .item a{ display: block; }
.listProduct .item *{ transition:all .3s; }
.listProduct .item .img{ width:219px; height:164px; display: block; overflow: hidden;  }
.listProduct .item .img img{ width:219px; height:164px; display: block; }
.listProduct .item .bg{ width: 100%; height: 164px; line-height: 204px; position: absolute; left: 0; top: 0; color: #fff; text-align: center; background: url(../images/blue80.png) repeat 0 0; display: none; }
.listProduct .item .bg s{ width: 17px; height: 17px; margin-right: 8px; background-position: -300px -48px; }
.listProduct .item h3{ width:100%; height: 43px; text-align: center; line-height: 43px; background: #fff; color: #312f2f; }
.listProduct .item h3 span{ width: 0; height: 0; position: absolute; left: 50%; margin-left: -3px; bottom: 0; display: block; border-bottom: 6px solid #0199ed; border-left: 6px solid transparent; border-right: 6px solid transparent; opacity: 0; filter: alpha(opacity=0); }
.listProduct .item:hover h3{ background: #312f2f; color: #fff;  height:40px; border-bottom: 3px solid #0199ed; }
.listProduct .item:hover h3 a{ color: #fff; }
.listProduct .item:hover h3 span{ opacity: 1; filter: alpha(opacity=100); bottom: 3px; }
.listProduct .item:hover img{ transform: scale(1.1);}
.listProduct .item:hover .bg{ display: block; line-height: 164px; }
/* listProduct2 */
.listProduct2 .tod { overflow:hidden; }
.listProduct2 .list { float:left; width:110%; font-family:"Microsoft Yahei"; }
.listProduct2 .item { float:left; width:220px; margin:0 13px 20px 0; _display:inline; }
.listProduct2 .item .img { display:block; width:210px; height:158px; padding:4px; border:1px solid #ddd; transition:all 500ms ease; overflow:hidden; }
.listProduct2 .item img { width:210px; height:158px; display:block; }
.listProduct2 .item .img:hover { background:#ffc17b; border-color:#f07f00; transition:all 500ms ease; }
.listProduct2 .item h3 { height:30px; line-height:25px; font-size:16px; text-align:center; }
.listProduct2 .item h3 a:hover { text-decoration:underline; }
.listProduct2 .item .summary { height:60px; line-height:20px; color:#999; overflow:hidden; margin-bottom:10px; }
.listProduct2 .item .order { display:block; width:77px; height:23px; line-height:23px; margin:0 auto; text-align:center; color:#333; border:1px solid #aaa; }
.listProduct2 .item .order:hover { color:#f07f00; border-color:#f07f00; }

/* .pageProduct */
.pageProduct h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }
.pageProduct .photo { margin-bottom:20px; position: relative; }
.pageProduct .photo .img { display:block; padding:4px; border:1px solid #dbe7c7; margin:0 auto; position: absolute;  left: 0; top: 0; }
.pageProduct .detaiInfo { margin-bottom:10px; }
.pageProduct .detaiInfo img{ max-width:100%}
.pageProduct .photo_case{ width: 100%;height: auto;overflow: hidden;margin-bottom: 10px;}
.pageProduct .photo_case img{ display: block;max-width: 100%;height: auto;margin: 0 auto;}
.pageProduct .info_case{ width:698px; height:auto; margin:15px 12px;}
.pageProduct .info_case img{max-width:98%;}


/* pageProduct2 */
.pageProduct2 .photo { float:left; margin-bottom:20px; *height:320px;   }
.pageProduct2 .photo .img { width:380px !important; height:285px; display:block; padding:4px; border:1px solid #dbe7c7; }
.pageProduct2 .baseInfo { float:right; width:310px; }
.pageProduct2 h1 { line-height:24px; font-size:16px; }
.pageProduct2 .baseInfo p { line-height:30px; }
.pageProduct2 .baseInfo p span { font-size:18px; color:#0067b6; font-family:"Georgia"; }
.pageProduct2 .baseInfo p.button { padding-top:40px; }
.pageProduct2 .baseInfo a.btn { display:block; width:77px; height:25px; line-height:25px; text-align:center; color:#333; border:1px solid #aaa; }
.pageProduct2 .baseInfo a.btn:hover { color:#0067b6; border-color:#0067b6; }
.pageProduct2 .detaiTit { height:25px; line-height:20px; border-bottom:1px solid #aaa; font-size:14px; margin-bottom:10px; font-family:"Microsoft Yahei"; color:#333; font-weight:700; }
.pageProduct2 .detaiInfo { margin-bottom:10px; line-height:24px; }
/* formData */
.formData { width:550px; margin:0px auto 20px; padding-top:30px; }
.formData tr.item label { margin-right:5px; }
.formData tr.item .tip { width:130px; margin-left:20px; }
.formData tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666;  border:1px solid #ccc; border-radius:2px; padding:0 5px; }
.formData tr.code input{ float:left;}
.formData tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
.formData tr.code input { width:90px; }
.formData .sub { width:102px; height:32px; line-height:32px; text-align:center; float:left;background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.formData .sub:hover { background:#666; }
.formData tr.code img { vertical-align:middle;  margin-left:10px; float:left; *float:none; }
.formData .err, .formData .red { color:#ff0000; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }

/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#0069b7; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
#baiduMap{width:715px; height:300px; border:1px solid #0069b7; border-top:3px solid #0069b7;}
.singlePage{ line-height:26px;}
/* cms2.0.map */
.baiduMap { margin:0 auto 20px; background:#eee; box-shadow:2px 4px 5px rgba(0,0,0,0.1); width:90%; height:400px; }
.BMap_bubble_title a { display:inline-block; height:25px; line-height:26px; overflow:hidden; padding:0 10px; border-radius:3px; _background:#999; _color:#FFF; }
.BMap_bubble_title a:hover { _background:#666; _color:#FFF; }
.BMap_bubble_title > a { background:#999; color:#FFF; }
.BMap_bubble_title > a:hover { color:#fff; background:#666; }
#baiduMap span.BMap_Marker div { _width:19px !improtant; _height:25px !improtant; _background:url(./ico/marker_red_sprite.png) 0 0 no-repeat; }  /* IE6下显示图标 */


.formData tr.item .tip{ width:150px !important;}

/*右侧悬浮框*/
.kefIcon{ background:url(../images/kefuIcon.png) no-repeat; display:inline-block; vertical-align:middle; }
.bcts_bar{width:120px; padding:10px; position:fixed; right:1%; z-index:111; top:150px; text-align:center; background:#0088e5; border-radius:3px;}
.bcts_bar h3{ color:#fff; font-size:20px; font-weight:bold; margin:10px 0;  }
.bcts_bar .yewu{ width:100%; background:#fff;  border-radius:3px; padding-bottom:5px; }
.bcts_bar .yewu h4{ width:100%; height:34px; line-height:34px;color:#fff; background:#303030; font-size:12px; margin-bottom:10px; border-top-right-radius:3px; border-top-left-radius:3px; }
.bcts_bar a.jt{ width:100%; display:block; height:30px; line-height:30px; color:#666; font-size:12px;}
.bcts_bar a.jt s{ width:19px; height:16px; background-position:-57px -50px; margin-right:6px; }
.bcts_bar .erweima{ width:100%; padding:5px 0px; border-radius:3px;  background:#fff; margin-top:1px; }
.bcts_bar .erweima img{ margin: 0 auto; display:block;}
.bcts_bar .returnTop{ width:43px; height:37px; background-position:0 -37px; position:absolute; bottom:-37px; left:50px;   cursor:pointer;}
.bcts_bar .bct-tel{ color:#fff;  line-height:20px; padding:10px 0px 0px;}
.bcts_bar .bct-tel h5 s{ width:24px; height:18px; background-position:-91px -48px; margin-right:5px; }
.bcts_bar .bct-tel em{ font-size:16px;  font-weight:bold;}
.bcts_bar .c_close{ width:44px; height:29px; background-position:0 0; position:absolute; top:-29px; left:50px;  cursor: pointer;}
.fly_talk{   height: 150px; padding:10px 0px 0px;  width:30px ; line-height:22px;  position: fixed;  right: 0px;  top: 200px;  z-index: 111;  text-align: center;  font-size: 18px;color: #fff;  background-color: #0088e5; cursor: pointer;}


@-webkit-keyframes fade{
	0%{
		opacity:0.5;
	}
	20%{
		opacity:0.8;
	}
	40%{
		opacity:0.6;
	}
	60%{
		opacity:0.9;
	}
	80%{
		opacity:0.7;
	}	
	100%{
		opacity:1;
	}
}
@keyframes fade{
	0%{
		opacity:0.5;
	}
	20%{
		opacity:0.8;
	}
	40%{
		opacity:0.6;
	}
	60%{
		opacity:0.9;
	}
	80%{
		opacity:0.7;
	}	
	100%{
		opacity:1;
	}
}
/* 动画 */
.bounceIn-hover {
    animation: bounceIn-hover 1s linear infinite;
    -webkit-animation: bounceIn-hover 1s linear infinite;
    -moz-animation: bounceIn-hover 1s linear infinite;
    -o-animation: bounceIn-hover 1s linear infinite;
    -ms-animation: bounceIn-hover 1s linear infinite;
}

@-webkit-keyframes bounceIn-hover {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn-hover {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    80% {
        -moz-transform: scale(0.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn-hover {
    0%;

{
    -o-transform: scale(1);
}

50% {
    -o-transform: scale(1.1);
}

80% {
    -o-transform: scale(0.9);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes bounceIn-hover {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

/***************
 * font-face
 * ****************/
@font-face {
	font-family: 'impact';
	src:url('../font/impact.eot');
	src:url('../font/impact.eot?#iefix') format('embedded-opentype'),
		url('../font/impact.woff') format('woff'),
		url('../font/impact.ttf') format('truetype'),
		url('../font/impact.svg#impact') format('svg');
}